<script lang="ts">
  export let size = "1em";
  export let color = "currentColor";
</script>

<svg
  height={size}
  viewBox="0 0 24 24"
  fill="none"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M4 9.5L20 9.5V11L4 11V9.5Z"
    fill={color}
  />
  <rect x="14.5" y="3.5" width="1.5" height="5" rx="0.5" fill={color} />
  <rect x="8" y="3.5" width="1.5" height="5" rx="0.5" fill={color} />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M5 5.5C3.89543 5.5 3 6.39543 3 7.5V18.5C3 19.6046 3.89543 20.5 5 20.5H19C20.1046 20.5 21 19.6046 21 18.5V7.5C21 6.39543 20.1046 5.5 19 5.5H5ZM5.5 7C4.94772 7 4.5 7.44772 4.5 8V18C4.5 18.5523 4.94772 19 5.5 19H18.5C19.0523 19 19.5 18.5523 19.5 18V8C19.5 7.44772 19.0523 7 18.5 7H5.5Z"
    fill={color}
  />
  <circle cx="9.33329" cy="12.6667" r="0.666667" fill={color} />
  <circle cx="12" cy="12.6667" r="0.666667" fill={color} />
  <circle cx="14.6665" cy="12.6667" r="0.666667" fill={color} />
  <circle cx="17.3333" cy="12.6667" r="0.666667" fill={color} />
  <circle cx="6.66667" cy="14.9167" r="0.666667" fill={color} />
  <circle cx="9.33342" cy="14.9167" r="0.666667" fill={color} />
  <circle cx="11.9999" cy="14.9167" r="0.666667" fill={color} />
  <circle cx="14.6667" cy="14.9167" r="0.666667" fill={color} />
  <circle cx="17.3334" cy="14.9167" r="0.666667" fill={color} />
  <circle cx="6.66667" cy="17.1667" r="0.666667" fill={color} />
  <circle cx="9.33335" cy="17.1667" r="0.666667" fill={color} />
  <circle cx="12" cy="17.1667" r="0.666667" fill={color} />
  <circle cx="14.6667" cy="17.1667" r="0.666667" fill={color} />
</svg>
